<template>
  <div class="lg-page">
    <div class="inner">
      <div class="tit">青岛市畜牧科技示范推广服务平台</div>
      <div class="box">
        <div class="h3">欢迎登录</div>
        <div class="cen">
          <div class="gp">
            <div class="s">账户</div>
            <div class="rr">
              <div class="input">
                <input
                  type="text"
                  placeholder="请输入账户"
                  class="inp"
                  v-model="username"
                />
              </div>
            </div>
          </div>
          <div class="gp">
            <div class="s">密码</div>
            <div class="rr">
              <div class="input">
                <input
                  type="password"
                  placeholder="请输入密码"
                  class="inp"
                  v-model="password"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="btn">
          <span>登录</span>
          <img src="../assets/images/lg-btn.png" alt="" />
        </div>
      </div>
    </div>
    <img src="../assets/images/lg-dz1.png" alt="" class="dz">
  </div>
</template>

<script setup>
import { reactive, ref, onMounted } from 'vue';



function getImageUrl (name) {
  return new URL(`../assets/images/${name}`, import.meta.url).href;
}



const username = ref();
const password = ref();

</script>

<style>
</style>